<template>
  <div>
    <div>
      <router-link to="/ul_Router">Ul_Router</router-link>
      <router-link to="/contacts">Contacts</router-link>
      <router-link to="/about">About</router-link>
    </div>
    <hr />
    <div style="border: 1px solid red">
      <P>切换页面</P>
      <hr />
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
// import Ul_Router from "./views/Ul_Router";
// import Contacts from "./views/Contacts";
// import About from "./views/About";
export default {
  // data() {
  //   return {
  //     comName: "Ul_Router",
  //   };
  // },
  // mounted() {
  //   window.onhashchange = () => {
  //     switch (location.hash) {
  //       case "#/ul_Router":
  //         this.comName = "Ul_Router";
  //         break;
  //       case "#/contacts":
  //         this.comName = "Contacts";
  //         break;
  //       case "#/about":
  //         this.comName = "About";
  //         break;
  //     }
  //   };
  // },
  // components: {
  //   Ul_Router,
  //   Contacts,
  //   About,
  // },
};
</script>

<style scoped>
</style>